.nav{
    width: 70%;
    height: 80px;
    margin: 0 auto;
    p{
        line-height: 80px;
        span{
            color: red;
        }
    }
}

.gwcxq{
    width: 70%;
    margin: 0 auto;
    min-height:840px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    .gwcxq_t{
        min-height: 60px;
        background-color: #fafafa;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
        p{
            width: 30%;
            line-height:60px;
            text-align: center;
            float: left;
        }
        ul{
            width: 70%;
            display: flex;
            text-align: center;
            li{
                flex: 1;
                line-height: 60px;
            }
        }
    }
    .gwcxq_b{
        min-height: 780px;
        .gwc_content{
            width: 100%;
            height: 130px;
            display: flex;
            .input{
                width:5%;
                line-height: 130px;
                text-align: center;
                input{
                    width: 20px;
                    height: 20px;
                    background-color: white;
                    border: 1px solid #ccc;
                    border-radius: 3px;
                }
            }
            .shangpin{
                width: 25%;
                dl{
                    padding-top: 20px;
                    height: 90px;
                    dt{
                        width:30%;
                        border: 1px solid #ccc;
                        float: left;
                        img{
                            width: 100%;
                        }
                    }
                    dd{
                        width: 60%;
                        padding-left: 40%;
                        p{
                            font-size: 14px;
                            line-height: 40px;
                            font-weight: bold;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }
                        ul{
                         
                            li{
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                line-height: 20px;
                                font-size: 10px;
                            }
                        }
                    }
                }
            }
            .xiaodongxi{
                width: 70%;
                height: 130px;
                display: flex;
                align-items: center;
                text-align: center;
                p{
                    flex: 1;
                    font-size: 12px;
                }
                p:nth-child(3){
                    .jian,
                    .jia{
                        width: 25px;
                        height: 25px;
                        background-color: white;
                        border: 1px solid #ccc;
                        text-align: center;
                        font-size: 16px;
                        float: left;
                        outline: none;
                    }
                    .shuzi{
                        width: 50px;
                        height: 21px;
                        background-color: white;
                        border: 1px solid #ccc;
                        text-align: center;
                        font-size: 12px;
                        float: left;
                        outline: none;
                    }
                }
                p:nth-child(4){
                    color: red;
                }
                p:last-child a:hover{
                    color: red;
                }
            }
        }
    }
}

.fenye{
    width: 70%;
    margin: 0 auto;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.jiesuan{
    width: 70%;
    height: 50px;
    margin: 0 auto;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    .js_input{
        width: 5%;
        text-align: center;
        input{
            width: 20px;
            height: 20px;
            background-color: white;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top:5px; 
        }
    }
    .js_ipt{
        width: 10%;
        span{
            font-size: 12px;
        }
    }

    .js_yx{
        width: 10%;
        font-size: 12px;
        margin-left:45%;
        margin-right: 3%;
        span{
            font-size: 16px;
            color: red;
        }
    }

    .js_hj{
        width: 10%;
        font-size: 12px;
        margin-right: 3%;
        span{
            font-size: 16px;
            color: red;
        }
    }

    .js_btn{
        width: 14%;
        height: 50px;
        background-color: #ccc;
        .btn{
            width: 100%;
            height: 100%;
            border: none;
            color: white;
            font-size: 20px;
            outline: none;
        }
    }
}